.Course_box {
  width: 100%;
  position: relative;
  background: #f5f5f5;
  min-height: 100vh;

  .tab_box {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #ffffff;
  }

  .tabsContainer {}

  .Course_data_info {
    padding: 24px;
  }

  .CourseCard_box {
    padding: 24px 32px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;

    .CourseCard_profile {
      width: 224px;
      height: 186px;
      background: #f5f5f5;
      border-radius: 8px;
      flex-shrink: 0;
    }

    .CourseCard_content {
      margin-left: 24px;
      width: 100%;

      .CourseCard_title {
        margin-top: 12px;
        color: #333333;
        font-size: 28px;
      }

      .CourseCard_init {
        margin-top: 12px;
        font-size: 24px;
        color: red
      }

      .CourseCard_price {
        margin-top: 12px;
        color: #999999;
        font-size: 24px;
      }
    }
  }

  .CourseCard_btn {
    width: 160px;
    padding: 8px 0;
    text-align: center;
    color: #54525f;
    background: #f2f2f2;
    border-radius: 48px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 84px;
  }

  .CourseCard_btn1 {
    width: 160px;
    padding: 8px 0;
    text-align: center;
    color: red;
    background: #f2f2f2;
    border-radius: 48px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 84px;
  }
}